<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>商品详情</title>
        <meta charset="utf-8">
        <meta name="keywords" content="wap商品详情" />
        <meta name="description" content="wap商品详情" />
        <link rel="icon" href="favicon.ico" type="image/x-icon" />
        <link rel="bookmark" href="favicon.ico" type="image/x-icon" />
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
        <meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=1;" id="viewport" name="viewport" />
        <!--离线应用的另一个技巧-->
        <meta content="yes" name="apple-mobile-web-app-capable" />
        <!--指定的iphone中safari顶端的状态条的样式-->
        <meta content="black" name="apple-mobile-web-app-status-bar-style" />
        <!--告诉设备忽略将页面中的数字识别为电话号码-->
        <meta content="telephone=no" name="format-detection" />
        <!--在设置书签的时候可以显示好看的图标-->
        <!--<link rel="apple-touch-icon" href="/touch/iphon_tetris_icon.png"/>-->
        <link type="text/css" rel="stylesheet" href="demo/template/css/com/com.css"/>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
        <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
        <script src="demo/template/js/com/com.js"></script>
        <script src="demo/template/js/login/px-verify.js"></script>
        <script src="demo/template/js/com/template.js"></script>
        <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
        <script src="demo/template/js/jquery.alertWindow.min.js"></script>
        <script type="text/javascript">
        	function hideAddr(name){
        		$('#address').hide();
        		$('#address1').html('&nbsp;&nbsp;&nbsp;&nbsp;赠与好友:' + name);
        		$('#popupMenu').hide();
        	}
        	function overlayShow(){
        		layer.alert('一个很普通的信息框');
        	}
        	$(function(){
                $("#button1").click(function(){
                    jQuery.alertWindow("提示","支付并发起活动成功");
                });
                $("#button2").click(function(){
                    jQuery.alertWindow("提示","支付并发起活动成功");
                });
            });
        </script>
        <style type="text/css">
			.alertWindowContent h1,p{text-align: center;font-size: 18px;font-weight: bolder;}
			.alertWindowContent input{width: 100px; height: 50px;cursor: pointer;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
		</style>
        
</head>
<body>
        <div class="com-content">
        <a href="#popupMenu" data-rel="popup" data-transition="slideup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-gear ">选择微信收货人</a>
			<li>
				<div data-role="popup" id="popupMenu" data-theme="b">
			        <ul data-role="listview" data-inset="true" style="min-width:210px;">
			            <li data-role="list-divider">收货人列表</li>
			            <li><a href="javascript:hideAddr('高洋')">高洋</a></li>
			            <li><a href="javascript:hideAddr('张磊')">张磊</a></li>
			            <li><a href="javascript:hideAddr('王志强')">王志强</a></li>
			            <li><a href="javascript:hideAddr('荣佳丽')">荣佳丽</a></li>
			        </ul>
				</div>
			</li>
			<div class="pxui-area" id="address">
		   		&nbsp;&nbsp;&nbsp;&nbsp;收货地址：北京市朝阳区工体北路72号 高洋收 
		   		<br/>
		   		&nbsp;&nbsp;&nbsp;&nbsp;电话：18601161236
		    </div>
		    <div class="pxui-area" id="address1">
		   		
		    </div>
            <div class="com-content-area" id="js-com-content-area">
 			<div class="page-role good-page">
		    <link type="text/css" rel="stylesheet" href="demo/template/css/good/index.css" />
			<script src="demo/template/js/com/jquery.touchslider.min.js"></script>
		    <script src="demo/template/js/good/index.js"></script>
			<div class="pxui-area" align="center">
		    <div class="touchslider">
				<div class="touchslider-viewport" style="height:280px;overflow:hidden"><div>
					<div class="touchslider-item">
						<span class="img999">
							<img src=" ${obj.imageUrl} "/>
						</span>
						<h1>
		            ${obj.title}
		        </h1>
					</div>
				</div>
			</div>
		</div>		
        <div class="pxui-area" align="center">
	   		<h1>
				总价：<font color="red">￥${obj.price}</font>
	        </h1>
	    </div>    
        <ul id="js-goodinfo">
	        <input id="button1" type="button" data-theme="e" data-enhanced="true" value="微信支付"/>
	        <input id="button2" type="button" data-theme="b" data-enhanced="true" value="银行卡支付"/>
        </div>
    </div>
</div>
<!--content-end-->
		</div>
			<div class="com-footer-area" id="js-com-footer-area">
				<div class="com-footer">
					<br /> © 2014 JD All Rights Reserved<br />
				</div>
			</div>
		</div>
</div>
</body>
</html>